<template>
  <view class="user">
		<view class="xinxi">
			<view class="xinxi-view" v-for="(item, index) in user" :key="index">
				<image :src="item.avatar ? item.avatar : '../../static/人员图片.png'" mode="" style="width: 100rpx; height: 100rpx;"></image>
				<view class="xinxi-view-center">
					<text class="text1">{{item.nickname ? item.nickname : '请点击登录'}}</text>
					<text class="text2">{{item.type ? "账户资料" : '登录免费问律师'}}</text>
				</view>
				<image class="image1" src="../../static/设置@1x.png" mode="" style="width: 36rpx; height: 36rpx;"></image>
			</view>
		</view>
		<view class="consult">
			<view class="consult-top" @click="jieda">
				<text>我的咨询</text>
				<view class="consult-view">
					<text>更多</text>
					<image src="../../static/箭头@1x.png" mode="" style="width: 28rpx; height: 28rpx;"></image>
				</view>
			</view>
			<view class="consult-neir">
				<view class="consult-neir-vw" @click="jieda">
					<image src="../../static/编辑@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text style="margin-top: 8rpx;">待解答</text>
				</view>
				<view class="consult-neir-vw" @click="jieda">
					<image src="../../static/ico_order_waitpay@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text style="margin-top: 8rpx;">待付费</text>
				</view>
				<view class="consult-neir-vw" @click="jieda">
					<image src="../../static/ico_order_comment@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text style="margin-top: 8rpx;">待评价</text>
				</view>
				<view class="consult-neir-vw" @click="jieda">
					<image src="../../static/ico_order_aftersales@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text style="margin-top: 8rpx;">售后</text>
				</view>
			</view>
		</view>
		<view class="serve">
			<text class="serve-text">工具服务</text>
			<view class="serve-view">
				<view class="serve-view-vw">
					<image src="../../static/账单@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text>账单</text>
				</view>
				<view class="serve-view-vw" @click="kaquan">
					<image src="../../static/卡券@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text>卡卷</text>
				</view>
				<view class="serve-view-vw" @click="guanzHandler">
					<image src="../../static/关注@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text>关注</text>
				</view>
				<view class="serve-view-vw" @click="ruzhu">
					<image src="../../static/画板 4@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text>律师入驻</text>
				</view>
				<view class="serve-view-vw" @click="fuwuHandler">
					<image src="../../static/用户协议@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text>服务协议</text>
				</view>
				<view class="serve-view-vw" @click="kefuHandler">
					<image src="../../static/联系客服@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text>客服中心</text>
				</view>
				<view class="serve-view-vw" @click="helpHandler">
					<image src="../../static/帮助@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text>帮助</text>
				</view>
				<view class="serve-view-vw">
					<image src="../../static/退出登录@1x.png" mode="" style="width: 52rpx; height: 52rpx;"></image>
					<text>退出登录</text>
				</view>
			</view>
		</view>
		<view class="rests">
			<text>其他工具</text>
			<view class="rests-view">
				<view class="rests-view-gj" @click="susong">
					<image src="../../static/计算器@1x.png" mode="" style="width: 44rpx; height: 44rpx;"></image>
					<text>诉讼费计算</text>
				</view>
				<view class="rests-view-gj" @click="lvshif">
					<image src="../../static/律师费计算@1x.png" mode="" style="width: 44rpx; height: 44rpx;"></image>
					<text>律师费计算</text>
				</view>
				<view class="rests-view-gj" @click="siwang">
					<image src="../../static/FBA赔偿报告@1x.png" mode="" style="width: 44rpx; height: 44rpx;"></image>
					<text>死亡赔偿金</text>
				</view>
			</view>
		</view>
		<view>
			<image class="user-botimg" src="../../static/并集@1x.png" mode=""></image>
		</view>
  </view>
	<fourbar mycurrent="3"></fourbar>
</template>

<script>
	import { index } from '../../utils/utils';
	export default {
		data() {
			return {
				Inv: 0,
				user: [], //个人信息
			};
		},
		onLoad() {
			const that = this
			index((res) => {
				that.user =  res.data
				console.log(that.user);
			})
		},
		methods: {
			// 跳转律师费计算页面
			lvshif () {
				uni.navigateTo({
					url: "/pages/otherTools/otherTools?name=lvshif",
				})
			},
			// 跳转死亡赔偿金计算页面
			siwang () {
				uni.navigateTo({
					url: "/pages/otherTools/otherTools?name=siwang",
				})
			},
			// 跳转诉讼费计算页面
			susong () {
				uni.navigateTo({
					url: "/pages/otherTools/otherTools?name=susong",
				})
			},
			//  律师入驻
			ruzhu () {
				uni.navigateTo({
					url: "/pages/Attorney side/myLawyer/mylawyer"
				})
			},
			// 关注
			guanzHandler () {
				uni.navigateTo({
					url: "/pages/Attorney side/guanzPage/guanzPage"
				})
			},
			// 服务协议
			fuwuHandler () {
				uni.navigateTo({
					url: "/pages/Attorney side/fwxyPage/fwxyPage"
				})
			},
			// 客服中心
			kefuHandler () {
				uni.navigateTo({
					url: "/pages/Attorney side/service/service"
				})
			},
			// 帮助
			helpHandler () {
				uni.navigateTo({
					url: "/pages/Attorney side/assist/assist"
				})
			},
			// 卡券
			kaquan () {
				uni.navigateTo({
					url: "/pages/Attorney side/kaquanPage/kaquanPage"
				})
			},
			// 我的解答
			jieda () {
				uni.navigateTo({
					url: "/pages/Attorney side/myAnswer/myAnswer"
				})
			}
		}
	}
</script>


<style lang="scss" scoped>
.user {
	width: 750rpx;
	height: 1280rpx;
	background-color: #f1f1f1;
}
.xinxi {
	height: 206rpx;
	width: 750rpx;
	overflow: hidden;
}
.xinxi-view {
	width: 656rpx;
	height: 100rpx;
	margin: 56rpx 0 0 50rpx;

	display: flex;
	align-items: center;
}
.xinxi-view > .image1 {
	position: relative;
	left: 280rpx;
	top: 0;
}
.xinxi-view-center {
	height: 86rpx;
	width: 182rpx;
	margin-left: 24rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.xinxi-view-center > .text1 {
	display: block;
	font-size: 32rpx;
	font-weight: bold;
	line-height: 38rpx;
}
.xinxi-view-center > .text2 {
	display: block;
	font-size: 26rpx;
	font-weight: normal;
	line-height: 30rpx;
	color: #A6A6A6;
}
.consult {
	width: 702rpx;
	height: 220rpx;
	background-color: white;
	margin: 0 auto;
	border-radius: 12rpx;
	overflow: hidden;
}
.consult-top {
	width: 656rpx;
	height: 32rpx;
	margin: 30rpx 0 0 24rpx;
	font-size: 28rpx;
	font-weight: bold;
	line-height: 32rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.consult-view {
	font-size: 26rpx;
	font-weight: normal;
	line-height: 30rpx;
	color: #C9C9C9;
}
.consult-neir {
	width: 572rpx;
	height: 96rpx;
	margin-left: 60rpx;
	margin-top: 32rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.consult-neir-vw {
	height: 98rpx;
	width: 72rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.consult-neir-vw > text {
	font-size: 24rpx;
	font-weight: 500;
	line-height: 28rpx;
	text-align: center;
}
.serve {
	width: 702rpx;
	height: 352rpx;
	margin: 16rpx auto 16rpx;
	background: #FFFFFF;
	border-radius: 12rpx;
	overflow: hidden;
}
.serve-text {
	width: 112rpx;
	height: 32rpx;
	font-size: 28rpx;
	font-weight: bold;
	line-height: 32rpx;
	margin: 30rpx 0 0 24rpx;
	display: block;
}
.serve-view {
	width: 610rpx;
	height: 220rpx;
	margin: 44rpx 0 0 48rpx;
	font-size: 24rpx;
	font-weight: 500;
	line-height: 28rpx;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.serve-view-vw {
	width: 124rpx;
	height: 140rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.rests {
	width: 702rpx;
	height: 220rpx;
	margin-left: 24rpx;
	border-radius: 12rpx;
	opacity: 1;
	background: #FFFFFF;
	overflow: hidden;
}
.rests > text {
	display: block;
	width: 112rpx;
	height: 32rpx;
	font-size: 28rpx;
	font-weight: bold;
	line-height: 32rpx;
	margin: 30rpx 0 0 24rpx;
}
.rests-view {
	width: 460rpx;
	height: 112rpx;
	margin: 12rpx 0 0 36rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.rests-view-gj {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 24rpx;
	font-weight: 500;
	line-height: 28rpx;
	text-align: center;
}

.user-botimg {
	width: 440rpx; 
	height: 76rpx;
	margin: 60rpx 0 0 156rpx;
}
</style>
